<template>
  <div id="warp">
    <!-- 底下注册完以后就可以在这用了 -->
    <Touwei></Touwei>
    <div class="main">
      <router-view></router-view>
    </div>
    <!-- <Sub></Sub> -->
    <Foot></Foot>
  </div>
</template>

<script>
// 引入公共区的头尾部。
import Touwei from '../components/Touwei'
import Foot from '../components/Foot'
// import Sub from '../views/home/Sub'
export default {
  // 注册Touwei
  components:{
    Touwei,
    Foot,
  }
  
}
</script>

<style lang="scss" scoped>
  #warp{
    display: flex;
    flex-direction: column;// 让横向布局变成竖向布局
    height: 100%;
    overflow: hidden;
  }
  .main{
    flex: 1;
    overflow: auto;
  }
</style>